<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- 引入jQuery框架 -->
    <script src="../js/jQuery.mini.js"></script>
    <!-- 购物车样式 -->
    <link rel="stylesheet" href="../css/new shoppingCart.css">
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/重置.css">
    <!-- 引入小图标 -->
    <link rel="stylesheet" href="../img/font login/iconfont.css">
    <!-- 小米图标 -->
    <link rel="icon" href="../img/other/logo-mi2.png" type="image/x-icon">
</head>

<body>
    <header>
        <div class="content">
            <div class="content-left">
                <div class="icon">
                    <a href="index.html"><img src="../img/other/logo-mi2.png" alt=""></a>
                </div>
                <h2>
                    我的购物车
                </h2>
            </div>
            <div class="content-right">
                <div class="person">
                    <b> <a href="login.html">登录 </a></b>
                    <span class="iconfont icon-xia"></span>
                </div>
                <p>
                    丨 &nbsp; &nbsp;<a href="magnifier.html">注册</a>
                </p>
            </div>
        </div>
    </header>
    <section class="minHeight">
        <div class="ta"></div>
        <div class="content">
            <!-- /* 空购物车 */ -->
            <div class="null">
                <img src="../img/other/shopping.png" alt="">
                <h1>您的购物车还是空的！</h1>
                <a href="index.html"><div>马上去购物</div></a>
            </div>
            <!-- /* 购物车非空 */ -->
            <div class="cart">
               <div class="cart-header">
                    <div><input type="checkbox">&nbsp;&nbsp;&nbsp;全选 </div>
                    <div>商品名称</div>
                    <div>单价</div>
                    <div>数量</div>
                    <div>小计</div>
                    <div>操作</div>
               </div>
<!-- 
                <div class="cart-body">
                    <div class="choose">
                        <input type="checkbox">
                    </div>
                    <div class="goodsImg">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1617098695.73526265.jpg" alt="">
                    </div>
                    <div class="goodsName">
                        MIX FOLD 小米折叠屏手机 12GB+256GB 黑色
                    </div>
                    <div class="goodsPrice">
                        <span>9999</span>元
                    </div>
                    <div class="goodsNmu">
                        <div>
                           <button class="btnMin">-</button>
                           <span>1</span>
                           <button class="btnAdd">+</button>
                        </div>
                    </div>
                    <div class="goodsSum">
                        <span>9999</span>元
                    </div>
                    <div class="goodsDel">
                        x
                    </div>  
                </div>

                <div class="cart-body">
                    <div class="choose">
                        <input type="checkbox">
                    </div>
                    <div class="goodsImg">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1617098695.73526265.jpg" alt="">
                    </div>
                    <div class="goodsName">
                        MIX FOLD 小米折叠屏手机 12GB+256GB 黑色
                    </div>
                    <div class="goodsPrice">
                        <span>9999</span>元
                    </div>
                    <div class="goodsNmu">
                        <div>
                           <button class="btnMin">-</button>
                           <span>2</span>
                           <button class="btnAdd">+</button>
                        </div>
                    </div>
                    <div class="goodsSum">
                        <span>19998</span>元
                    </div>
                    <div class="goodsDel">
                        x
                    </div>  
                </div>

                <div class="cart-body">
                    <div class="choose">
                        <input type="checkbox">
                    </div>
                    <div class="goodsImg">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1617098695.73526265.jpg" alt="">
                    </div>
                    <div class="goodsName">
                        MIX FOLD 小米折叠屏手机 12GB+256GB 黑色
                    </div>
                    <div class="goodsPrice">
                        <span>9999</span>元
                    </div>
                    <div class="goodsNmu">
                        <div>
                           <button class="btnMin">-</button>
                           <span>2</span>
                           <button class="btnAdd">+</button>
                        </div>
                    </div>
                    <div class="goodsSum">
                        <span>19998</span>元
                    </div>
                    <div class="goodsDel">
                        x
                    </div>  
                </div>

                <div class="cart-body">
                    <div class="choose">
                        <input type="checkbox">
                    </div>
                    <div class="goodsImg">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1617098695.73526265.jpg" alt="">
                    </div>
                    <div class="goodsName">
                        MIX FOLD 小米折叠屏手机 12GB+256GB 黑色
                    </div>
                    <div class="goodsPrice">
                        <span>9999</span>元
                    </div>
                    <div class="goodsNmu">
                        <div>
                           <button class="btnMin">-</button>
                           <span>2</span>
                           <button class="btnAdd">+</button>
                        </div>
                    </div>
                    <div class="goodsSum">
                        <span>19998</span>元
                    </div>
                    <div class="goodsDel">
                        x
                    </div>  
                </div> -->





                <div class="cart-footer">
                    <a href="">
                        <div class="continue">
                            继续购物
                        </div>
                    </a>
                    <div class="number">
                        共&nbsp;<span>0</span>&nbsp;件商品，已选择&nbsp;<b>0</b>&nbsp;件
                    </div>
                    <div class="end">
                        去结算
                    </div>
                    <div class="sum">
                        合计：<span> 0 </span>元
                    </div>
                   


                </div>
            </div>
        </div>
    </section>
    
    <main>
        <div class="ta"></div>
        <div class="content">
            <p>为你推荐</p>
            <ul>
                <a href="goods1.html">
                    <li>
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595400896.0831679.jpg"
                            alt="">
                        <p>Redmi 9A</p>
                        <span>599 元</span>
                        <b>5.9万人好评</b>
                        <div>加入购物车</div>
                    </li>
                </a>
                <a href="goods2.html">
                    <li>
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1609158757.32312955.jpg"
                            alt="">
                        <p>小米11</p>
                        <span>4399 元</span>
                        <b>9.9万人好评</b>
                        <div>加入购物车</div>
                    </li>
                </a>
                <a href="goods3.html">
                    <li>
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1620807739.94814877.jpg"
                            alt="">
                        <p>小米降噪耳机</p>
                        <span>799 元</span>
                        <b>11亿人好评</b>
                        <div>加入购物车</div>
                    </li>
                </a>
                <a href="goods4.html">
                    <li>
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1617098695.73526265.jpg"
                            alt="">
                        <p>Redmi 9A</p>
                        <span>12999 元</span>
                        <b>1人好评</b>
                        <div>加入购物车</div>
                    </li>
                </a>
            </ul>


        </div>

    </main>
    <footer>

    </footer>

    <!-- 结算后 -->
    <div id="pay">
        <p> 请支付<span>0</span>元</p>
        <img src="../img/other/pay.png" alt="">
        <b>X</b>
    </div>

</body>

</html>
<script src="../js/cookie.js"></script>
<script src="../js/shoppingCart.js"></script>